<script setup>
import { ref, computed } from 'vue';
import {storeToRefs} from 'pinia'
import { useConsultStore } from '@/stores/consult.js'

	const props = defineProps({
		type: String,
		illnessType: String,
		depId: String
	})

	const {illnessINFO, initalValue} = storeToRefs(useConsultStore())

	
	const illnessTimes = [
		{value: 1, text: "一周内"},
		{value: 2, text: "一月内"},
		{value: 3, text: "半年内"},
		{value: 4, text: "大于半年"}
	]
	
	const illnessHistorys = [
		{value: 1, text: "就诊过"},
		{value: 2, text: "没有就诊过"}
	]
	
	
	// const illnessINFO = ref({
	// 	illnessTimes: 1,
	// 	illnessHistory: 1,
	// 	consultFlag: '',
	// 	pictures: []
		
	// })
	
	const nextStepEnable = computed(()=> {
		return (
			illnessINFO.value.consultFlag.trim() !== ''
		)
	})
	
	function onclickButton(index) {
		illnessINFO.value.illnessTimes = index
	}
	
	function onclickButton1(index) {
		illnessINFO.value.illnessHistory = index
	}
	
	function onNextStepClick() {
		const consultStore = useConsultStore()
		//存储地址参数
		consultStore.type = props.type
		consultStore.illnessType = props.illnessType
		consultStore.depId = props.depId
		//跳转到下一步
		uni.navigateTo({
			url: '/subpkg_consult/patient/index'
		})
		
	}
	
if (illnessINFO.value.consultFlag) {
	uni.showModal({
		title: '温馨提示',
		content: '是否恢复之前的数据',
		confirmText: '确认',
		confirmColor: '#16C2A3',
		cancelColor: '#848484',
		success: function ({confirm}) {
	        if (!confirm) illnessINFO.value = initalValue.value
		}
	});
}
	

	
</script>

<template>
  <scroll-page>
    <view class="description-page">
      <!-- 在线医生 -->
      <view class="doctor-online">
        <image
          src="/static/uploads/doctor-avatar-2.png"
          class="doctor-avatar"
        />
        <view class="doctor-info">
          <view class="name">在线医生</view>
          <view class="message">
            请描述你的疾病或症状、是否用药、就诊经历，需要我听过什么样的帮助
          </view>
          <view class="tips">
            <text class="iconfont icon-shield"></text>
            内容仅医生可见
          </view>
        </view>
      </view>
      <!-- 患者信息 -->
      <view class="patient-info">
        <view class="description">
          <uni-easyinput
		  v-model="illnessINFO.consultFlag"
            type="textarea"
            :styles="{ backgroundColor: '#f6f6f6' }"
            :input-border="false"
            placeholder-style="font-size: 30rpx; color: #979797"
            placeholder="请详细描述您的病情,病情描述不能为空"
          />
        </view>

        <view class="title">本次患病多久了？</view>
        <view class="tags">
          <text class="tag" 
		  :class="{active:ill.value===illnessINFO.illnessTimes}" 
		  :key="ill.value"
		  @click="onclickButton(ill.value)"
		  v-for="ill in illnessTimes">
		  {{ill.text}}
		  </text>
        </view>

        <view class="title">此次病情是否去医院就诊过？</view>
        <view class="tags">
           <text class="tag" 
          		  :class="{active:ill.value===illnessINFO.illnessHistory}" 
          		  :key="ill.value"
          		  @click="onclickButton1(ill.value)"
          		  v-for="ill in illnessHistorys">
          		  {{ill.text}}
          		  </text>
        </view>
      </view>
      <!-- 上传图片 -->
      <view class="patient-picture">
        <uni-file-picker
		v-model="illnessINFO.pictures"
          title="上传病情相关图片 (仅医生可见)"
          limit="8"
          :image-styles="{ width: '160rpx', height: '160rpx' }"
          file-extname="png,jpg,gif,webp"
        />
      </view>
    </view>
    <!-- 下一步操作 -->
    <view class="next-step">
      <button :disabled="!nextStepEnable" class="uni-button" @click='onNextStepClick'>下一步</button>
    </view>
  </scroll-page>
</template>

<style lang="scss">
  @import './index.scss';
</style>
